﻿<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<title>产品中心</title>
		<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
		<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
		<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />

	</head> 

	<body>

		<!--标题区域 start-->
		<div class="tit_main">
		<a id="returnHref" onclick="returnHref()" class="pull-left lh-50 href"><span class="icon icon-left"></span></a>
			<div class="tab-panel two">
				<a href="/pad_marketing/main/type005pkgGetHot.action">热销</a>
				<a href="/pad_marketing/main/type004redirectlistViewAll.action">全部</a>
			</div>
  			<a class="pull-right block lh-50" onclick="returnHre()"><span class="icon icon-home"></span></a>
		</div>
		<!--标题区域 end-->

		<!--内容区域 start-->
		<!-- <div class="H_top_bot" id="wrapper"> -->
		<div class="H_top_bot" id="">
			<div>
				<dl class="dl-product">
					 <dt>
                        <button class="btn btn-danger btn-circle"><span class="icon icon-jkyl"></span></button>
                           <div class="blank-1"></div>
                                                                      健康医疗
                    </dt>
					<dd>
						<ul class="table-responsive" id="health">
						   	<!-- <li class="thumbnail">
            					<img src="../img/product/cjsx112x94.jpg">
           						<div class="caption">
              						<h3 class="font-16 p-overflow">安联超级随心两全保险（分红型）</h3>
              						<p class="font-14 gray">0-16岁可购买</p>
           						</div>
           						<div class="check-list disabled">
              						<input type="checkbox" disabled>
             						<label for="">&nbsp;</label>
            					</div>
          					</li> -->
						</ul>
					</dd>
				</dl>
				<dl class="dl-product">
					<dt>
         				<button class="btn btn-success btn-circle"><span class="icon icon-txyl"></span></button>
       						<div class="blank-1"></div>
       						 退休养老
      				</dt>
					<dd>
						<ul class="table-responsive" id="old"></ul>
					</dd>
				</dl>
				<dl class="dl-product">
					<dt>
        				<button class="btn btn-primary btn-circle"><span class="icon icon-znjy"></span></button>
       						<div class="blank-1"></div>
        					子女教育
      				</dt>
					<dd>
						<ul class="table-responsive" id="edu"></ul>
					</dd>
				</dl>
				
				<dl class="dl-product">
					<dt>
       					 <button class="btn btn-warning btn-circle"><span class="icon icon-lcgh"></span></button>
       					 	<div class="blank-1"></div>
     					  	 理财规划
      				</dt>
					<dd>
						<ul class="table-responsive" id="plan"></ul>
					</dd>
				</dl>
				<dl class="dl-product">
					<dt>
        				<button class="btn btn-purple btn-circle"><span class="icon icon-rsbz"></span></button>
       						<div class="blank-1"></div>
        					人身保障
      				</dt>
					<dd>
						<ul class="table-responsive" id="life"></ul>
					</dd>
				</dl>
			</div>
		</div>
		<!--内容区域 end-->

		<!--底部区域 start-->
		<div class="bot_main">
			<div class="col-md-8 text-right font-20">
				<label>健康医疗 <span id="health_num" class="orange">0</span>&nbsp;&nbsp;&nbsp;&nbsp;</label>       
                <label>退休养老 <span id="old_num" class="orange">0</span>&nbsp;&nbsp;&nbsp;&nbsp;</label>         
                <label>子女教育 <span id="edu_num" class="orange">0</span>&nbsp;&nbsp;&nbsp;&nbsp;</label>        
                <label>人身保障 <span id="life_num" class="orange">0</span>&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <label>理财规划 <span id="money_num" class="orange">0</span>&nbsp;&nbsp;&nbsp;&nbsp;</label>
			</div>
			<div class="col-md-2"  id ='advice' >
				<button  class="btn btn-primary btn-lg btn-block advices" onClick="complete(2)"><span class="icon icon-note"></span>建议书</button>
			</div>
			<div class="col-md-2">
				<button class="btn btn-warning btn-lg btn-block quickPay" onClick="complete(1)"><span class="icon icon-shop"></span>立即购买</button>
			</div>
		</div>
		<!--底部区域 end-->

		<div id="agn-menu" class="hide">
			<div class="circle-panel">
				<nav class="circle-bg">
					<a class="circle-pic" onClick="showDiv('person-panel')">
						<img src="/pad_marketing/html/img/circle-bird.png">
					</a>
					<lable class="circle-text"></lable>
					<div class="circle-menu">
						<a href="#" class="menu-item" id="menu-one">
							<i class="">公司简介</i>
						</a>
						<a href="#" class="menu-item" id="menu-two">
							<i class="">建议书</i>
						</a>
						<a href="#" class="menu-item" id="menu-three">
							<i class="">产品中心</i>
						</a>
						<a href="#" class="menu-item" id="menu-four">
							<i class="">在线投保</i>
						</a>
						<a href="#" class="menu-item" id="menu-five">
							<i class="">需求分析</i>
						</a>
					</div>
					<span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
				</nav>
			</div>
		</div>

		<!--弹出层-模板 start-->
<div class="open-block open-top hide" id="open1">
	<div class="open-body" style="overflow: visible;">
      <div class="form-group" id="beibaoren" style="overflow: visible;">
        <div class="control-label col-md-1 no-padding lh-45">被保险人</div>
        <label class="control-label col-md-1">姓名</label>
        <div class="col-md-3">
          <input type="text" class="form-control" id="nameInput" onblur="clearPerson()" oninput="handleData('searchInput','nameInput')" value="" />		          
          <div class="relative">
		      <ul id="searchInput" class="selectUl">		          		
		      </ul>		          
		  </div>
        </div>		        
        <label class="control-label col-md-1 no-padding"><p class="lh-45 padding-right-10">出生日期</p></label>
        <div class="col-md-3">
          <input type="text" class="form-control" data-role="datebox" id="dataOfBirth" onchange="initCarrer(0,'dataOfBirth')"/>
        </div>
        <label class="control-label col-md-1">性别</label>
        <div class="col-md-2 radio-sex">
          <label class="male active" name="M">
            <input type="radio" name="inlineRadioOptions"  value="option1" onclick="initCarrer(0,'dataOfBirth')"/>
          </label>
          <label class="female" name="F">
            <input type="radio" name="inlineRadioOptions"  value="option1" onclick="initCarrer(0,'dataOfBirth')"/>
          </label>
        </div>		 
        
      	<div class="blank-1"></div>
      
        <div class="control-label col-md-1">&nbsp;</div>
        <label class="control-label col-md-1">职业</label>
        <div class="col-md-3">
          <input type="text" class="form-control works"/>
        </div>	
	    <div class="col-md-2">
	       <button class="btn btn-warning btn-lg btn-block" onClick="showDiv('open5')">常用职业</button>
	    </div>	
             		        
      </div>      
	</div>
	<div class="blank-1"></div>
	<div class="open-footer">
		<button class="btn btn-primary" onClick="closeDiv('open1')"><span class="icon icon-no"></span>取消</button>
		<button class="btn btn-warning" type="button" id ="sureView"><span class="icon icon-ok"></span>确定</button>
	</div>
</div>
		<!--弹出层-模板 end-->

		<!--弹出层-模板 start-->
		<div class="open-block open-top hide" id="open2">
		  <div class="open-body">
		    <div class="form-group">
		      <div class="control-label col-md-1 no-padding lh-45">
		        <p class="text-center">被保险人</p>
		      </div>
		      <label class="control-label col-md-1 padding-right-20">姓名</label>
		      <div class="col-md-3">
		        <input type="text" class="form-control"  value="">
		      </div>
		      <label class="control-label col-md-1">年龄</label>
		      <div class="col-md-3 input-group">
		        <input type="number" class="form-control" id="inputAge" oninput="initCarrer(1,'inputAge')" />
		        <span class="input-group-addon"><img src="/pad_marketing/html/img/icon-date-gray.png" width="23" /></span>
		      </div>
		      <label class="control-label col-md-1">性别</label>
		      <div class="col-md-2 radio-sex">
		        <label class="male active" name="M">
		          <input type="radio" name="inlineRadioOptions"  value="option1" onclick="initCarrer(1,'inputAge')">
		        </label>
		        <label class="female" name="F">
		          <input type="radio" name="inlineRadioOptions"  value="option1" onclick="initCarrer(1,'inputAge')">
		        </label>
		      </div>
		      
		      
		      <div class="blank-1"></div>
      
		        <div class="control-label col-md-1">&nbsp;</div>
		        <label class="control-label col-md-1">职业</label>
		        <div class="col-md-3">
		          <input type="text" class="form-control works"/>
		        </div>	
			    <div class="col-md-2">
			       <button class="btn btn-warning btn-lg btn-block" onClick="showDiv('open5')">常用职业</button>
			    </div>
		      
		      
		      <!-- <label class="control-label col-md-1">职业</label>
		      <div class="col-md-3">
				<input class="form-control works"/> -->
		      </div>
		    </div>
		  <div class="open-footer">
		    <button class="btn btn-primary" onClick="closeDiv('open2')"><span class="icon icon-no"></span>取消</button>
		    <a class="btn btn-warning" id="surePro"><span class="icon icon-ok"></span>确定</a>
		  </div>
		</div>
		<!--弹出层-模板 end-->
		
<!--弹出层-模板 start-->
<div class="open-block hide" id="open3">
  <h4 class="open-header">
    在线投保生成订单列表<button type="button" class="close" onClick="closeDiv('open3')">×</button>
  </h4>
  <!-- <div class="open-body font-16"  id='change'  >
    <p class="font-12 gray">请点选其中的一张订单继续投保操作，剩余订单请在订单书架中查找</p> -->
   <!--  <div class="blank-1"></div>
    <div class="form-group">
      <div class="col-md-4">
        <p class="p-overflow" title="">安德安康</p>  
      </div>
      <div class="col-md-6 text-right">
        <p class="p-overflow">订单号：<span class="orange">0989999999</span></p>
      </div>
      <div class="col-md-2 text-right">
        <div class="radio_blo">
          <input type="radio" name="xx" />
          <label for="">&nbsp;</label>
        </div>
      </div>
    </div>
    <hr>
    <div class="blank-1"></div>
    <div class="form-group">
      <div class="col-md-4">
        <p class="p-overflow" title="">安德安康</p>  
      </div>
      <div class="col-md-6 text-right">
        <p class=" p-overflow">订单号：<span class="orange">0989999999</span></p>
      </div>
      <div class="col-md-2 text-right">
        <div class="radio_blo">
          <input type="radio" name="xx" />
          <label for="">&nbsp;</label>
        </div>
      </div>
    </div>
    <hr>
    <div class="blank-1"></div>
    <div class="form-group">
      <div class="col-md-4">
        <p class="p-overflow" title="">安德安康</p>  
      </div>
      <div class="col-md-6 text-right">
        <p class=" p-overflow">订单号：<span class="orange">0989999999</span></p>
      </div>
      <div class="col-md-2 text-right">
        <div class="radio_blo">
          <input type="radio" name="xx" />
          <label for="">&nbsp;</label>
        </div>
      </div> -->
<!--     </div> -->
    <div class="blank-1"></div>
    <div class="text-center">
      <a id='text-center' class="btn btn-warning btn-lg"><span class="icon icon-right-circle"></span>继续投保</a>
    </div>
  </div>
</div>

<!-- 弹出层4 -->

<div class="open-block open-content hide" id="open4">
  <h4 class="open-header">
   <span id="title"> </span><span id="subTitle"></span><a class="close" onClick="closeDiv('open4')">×</a>
  </h4>
  <div class="open-body no-padding tabBox" id="leftTabBox">
	    <!--列表切换选项卡-->
	    <div class="hd tabs-line">
	      <ul>
	        <li><a>产品特色</a></li>
	        <li><a>保险利益简介</a></li>
	        <li><a>投保示例</a></li>
	      </ul>
	    </div>
	    <!--列表内容-->
	    <div class="bd tabSwiper">
	        <ul>
	          <li class="content-slide">
	            <div class="show-pic">
	              <img src="/pad_marketing/html/img/product/akwy820x217.jpg"  style="max-width:100%">
	              <div class="product-logo"></div>
	            </div>
	            <div class="padding-3" id="feature">
	              
	            </div>
	          </li>
	        </ul>
	        <ul>
	          <li class="content-slide">
	            <div class="padding-2">
	              <div class="col-md-3 relative">
	                <img src="/pad_marketing/html/img/product/akwy227x323.jpg" style="max-width:100%" />
	                <div class="product-logo"></div>
	              </div>
	              <div class="col-md-9" id="benefit">
	                
	              </div>
	            </div>
	          </li>
	        </ul>
	        <ul>
				<li class="content-slide show-eg">                     	
					<img src="/pad_marketing/html/img/product/akwy227x323.jpg"  style="max-width:100%" />                        
				</li>     
	        </ul>
	    </div>
  </div>

   <div class="open-footer">
    <div class="col-md-3 col-md-offset-3">
      <button id="proButton" class="btn btn-primary btn-lg btn-block advices" onClick="checkGood(2)"><span class="icon icon-note"></span>建议书</button>
    </div>
    <div class="col-md-3">
      <button class="btn btn-warning btn-lg btn-block quickPay" onClick="checkGood(1)"><span class="icon icon-shop"></span>立即购买</button>
    </div>
  </div>
  </div>
</div>



<div class="open-block open-lg hide" id="open5">
  <div class="open-header">
    常用职业<button type="button" class="close" onClick="closeDiv('open5')">×</button>
  </div>
  <div class="open-body btn-list-group">
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="T03">儿童</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R44">个体户</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R35">一般商业/负责人</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="O02">学生</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R07">杂货商</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R38">一般商业/店员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="T02">家庭主妇</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="X01">钟点工</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="A01">机关团体/内勤人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="T04">退休者</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="Y01">自由投资者</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S01">银行、保险/内勤人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="O01">教师</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="A03">安联业务人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S02">银行、保险/代理人</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S08">会计</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="M02">一般医师及护士</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S09">其它服务性行业/内勤人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="B02">农夫</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R42">工商业/售货员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S11">其它服务性行业/外勤人员</button>
    </div>
  </div>
  <div class="open-footer">
    <div class="col-md-3 col-md-offset-3">
      <button class="btn btn-primary btn-lg btn-block" onClick="closeDiv('open5')"><span class="icon icon-no"></span>取消</button>
    </div>
    <div class="col-md-3">
      <button id="normalSure" class="btn btn-warning btn-lg btn-block"><span class="icon icon-ok"></span>确定</button>
    </div>
  </div>
</div>




<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/TouchSlide.1.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<!--获取职业选择数据-->
<script src="/pad_marketing/html/js/mobiscroll.custom-2.6.2.min.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/jobchooes.js" type="text/javascript"></script>
<!--获取职业选择数据 end-->
<!--获取数据-->
<script src="/pad_marketing/dev/js/listViewAll.js" type="text/javascript"></script>
<!--获取数据 end-->

</body>
</html>